<template>
    <view class="cloud">

        <!-- 搜索框 -->
        <uni-search-bar :radius="100" cancelButton="none" placeholder="搜索城市或景点" @confirm="search"></uni-search-bar>
        <!-- 选择城市列表 -->
        <tabs :tabs="citys" height="45px" v-model="activeTab" color="#333" fontSize="14px" activeFontSize="16px" :lineScale="0.8"/>
        <item :attrList="attrList" />
    </view>
</template>

<script>
    import uniSearchBar from '@/components/uni-search-bar/uni-search-bar.vue'
    import tabs from "../../components/v-tabs/v-tabs.vue"
    import item from './components/Item.vue'
    export default {
        data() {
            return{
                activeTab: 0,
                citys:["全部","杭州","宁波","温州","湖州","嘉兴","金华","丽水","绍兴","台州","舟山","衢州"],
                attrList:[
                    {
                        image:"/static/images/wz.jpg",
                        cName:"乌镇",
                        eName:"Wuzhen",
                        addr:"浙江·乌镇"
                    },
                    {
                        image:"/static/images/wz.jpg",
                        cName:"乌镇",
                        eName:"Wuzhen",
                        addr:"浙江·乌镇"
                    },{
                        image:"/static/images/wz.jpg",
                        cName:"乌镇",
                        eName:"Wuzhen",
                        addr:"浙江·乌镇"
                    }
                ]
            }
        },
        components: {
            uniSearchBar,
            tabs,
            item
        }
    }
</script>

<style>
</style>
